$(function () {
    /*=========方法的调用==============*/
    init();
    // 初始化
    var shopid = 0;
    var areaid = 0;
    function init() {
        getShop();
        getShopArea();
        getProduct(0,0)
        
        getShopById()
    }

    //获取凑单品的店铺的信息
    function getShop() {
        $.ajax({
            type: "get",
            url: "http://193.112.55.79:9090/api/getgsshop",
            dataType: "json",
            success: function (res) {
                // console.log(res)
                let html = template("getshop", {
                    getshop: res.result
                });
                $(".nav ul li:nth-child(1) ul").html(html)
            }
        });
    }
    //获取凑单品的区域的信息
    function getShopArea() {
        $.ajax({
            type: "get",
            url: "http://193.112.55.79:9090/api/getgsshoparea",
            dataType: "json",
            success: function (res) {
                // console.log(res)
                let html = template("getshoparea", {
                    getshoparea: res.result
                });
                $(".nav ul li:nth-child(2) ul").html(html)
            }
        });
    }

    //获取该店铺该区域的商品列表信息
    function getProduct(shopId, areaId) {
        $.ajax({
            type: "get",
            url: "http://193.112.55.79:9090/api/getgsproduct",
            data: {
                shopid: shopId,
                areaid: areaId
            },
            dataType: "json",
            success: function (res) {
                // console.log(res);
                let html = template("getproduct", {
                    getproduct: res.result
                });
                $(".commodity ul").html(html)
            }
        });
    }


    //选中分类的提取id获取相关的数据
    function getShopById() {
        let shop = $(".dropdown-menu").eq(0);

        // $(".dropdown-menu").eq(0).children().eq(0).addClass("checked");

        shop.on("click", "li", function () {
            $(this).addClass("checked").siblings().removeClass("checked");

            $(".dropdown-menu").eq(0).children().each(function () {
                // console.log($(this).hasClass('checked'))
                if($(this).hasClass('checked')){
                    shopid =$(this).children().eq(1).html();
                    console.log($(this).children().eq(1))
                    getProduct(shopid,areaid);
                }
            })
        })

        let area = $(".dropdown-menu").eq(1);

        area.on("click", "li", function () {
            $(this).addClass("checked").siblings().removeClass("checked");

            $(".dropdown-menu").eq(1).children().each(function () {
                // console.log($(this).hasClass('checked'))
                if($(this).hasClass('checked')){
                    areaid =$(this).children().eq(1).html();
                    console.log($(this).children().eq(1))
                    getProduct(shopid,areaid);
                }
            })
        })  
    }


    // 获取地址栏URl中的id,
    // var id;

    // function getId() {
    //     id = parseInt(location.search.substring(4));
    // }

})